<!-- 小程序二维码设置 -->
<template>
  <div class="page-box h100 display-flex czbj">
    <p class="title-label">小程序二维码设置</p>
    <div class="btm mt10 pt10 daxcasdrer">
      <n-form ref="formRef" label-width="200" :inline="false" size="normal" label-placement="left">
        <n-grid :cols="24" :x-gap="20">
          <n-form-item-gi span="24" label="二维码版本：" path="" class="mt20">
            <div class="dsfsrttrt">
              <n-radio-group v-model:value="form.env_version" name="radiogroup">
                <n-space>
                  <n-radio value="release">
                    正式版
                  </n-radio>
                  <n-radio value="trial">
                    体验版
                  </n-radio>
                  <n-radio value="develop">
                    开发版
                  </n-radio>
                </n-space>
              </n-radio-group>
            </div>
          </n-form-item-gi>
          <n-form-item-gi span="24" label="页面路径：" path="" class="mt20">
            <n-input v-model:value="form.page" type="text" placeholder="小程序页面路径如pages/maidan" size="medium" clearable
              @change=""></n-input>

          </n-form-item-gi>
          <n-form-item-gi span="24" label="页面参数：" path="" class="mt20">
            <n-input v-model:value="form.page" type="text" placeholder="页面参数如orderId=123456" size="medium" clearable
              @change=""></n-input>

          </n-form-item-gi>
          <n-form-item-gi span="24" label="&nbsp;" path="" class="mt20">
            <n-button type="primary" size="medium" @click="onSubmit">点此测试生成二维码</n-button>
          
          </n-form-item-gi>

        </n-grid>
      </n-form>

    </div>
  </div>
</template>
<script lang='ts' setup>
import { ref } from "vue"

const form = ref({
  env_version: "release",// 式版为 "release"，体验版为 "trial"，开发版为 "develop"。
  page: "",//页面路径
  scene: "",//页面参数
  check_path: false
})

const onSubmit = () => {
    if(!form.value.page){
      window.$message.error("请输入页面路径")
      return
    }
}
</script>
<style scoped>
.daxcasdrer {
  width: 800px;
}

.dsfsrttrt {
  position: relative;
  top: 8px;
}
</style>